<template>
	<!-- 历史记录页面 -->
  <text class="header">今天</text>
  <view class="list">
    <view class="left1"><image src="../../static/images/bhistory1.jpg" mode="aspectFill"></image></view>
    <view class="right">
      <text class="main1">今天去参加篮球比赛了，好开森</text>
      <view class="time1">今天 14：19</view>
    </view>
  </view>
  <text class="header">昨天</text>
  <view class="list">
    <view class="left2"><image src="../../static/images/bhistory2.jpg" mode="aspectFill"></image></view>
    <view class="right">
      <text class="main1">这不是我家的猪猪吗？</text>
      <view class="time1">昨天 8：39</view>
    </view>
  </view>
  <view class="list">
    <view class="left3"><image src="../../static/images/bhistory3.jpg" mode="aspectFill"></image></view>
    <view class="right">
      <text class="main1">师姐，这招叫做一剑霜寒十四州</text>
      <view class="time1">昨天 15：20</view>
    </view>
  </view>
  <view class="list">
    <view class="left4"><image src="../../static/images/bhistory4.jpg" mode="aspectFill"></image></view>
    <view class="right">
      <text class="main1">走带你们去迪拜！</text>
      <view class="time1">昨天 16：17</view>
    </view>
  </view>
  <text class="header">更早</text>
  <view class="list">
    <view class="left5"><image src="../../static/images/bhistory5.jpg" mode="aspectFill"></image></view>
    <view class="right">
      <text class="main1">精美蛋糕div</text>
      <view class="time1">04-03 16：47</view>
    </view>
  </view>
  <view class="list">
    <view class="left6"><image src="../../static/images/bhistory6.jpg" mode="aspectFill"></image></view>
    <view class="right">
      <text class="main1">螺狮粉挑战</text>
      <view class="time1">03-20 9：00</view>
    </view>
  </view>
  <view class="list">
    <view class="left7"><image src="../../static/images/bhistory7.jpg" mode="aspectFill"></image></view>
    <view class="right">
      <text class="main1">快递小妙招</text>
      <view class="time1">03-09 14：19</view>
    </view>
  </view>
  <view class="list">
    <view class="left8"><image src="../../static/images/bhistory8.jpg" mode="aspectFill"></image></view>
    <view class="right">
      <text class="main1">香奈儿香水推荐</text>
      <view class="time1">03-09 17：00</view>
    </view>
  </view>
</template>

<style lang="scss">
.list {
  display: flex;
  margin-top: 30rpx;
  margin-bottom: 40rpx;
}
.main1 {
  margin-left: 20rpx;
  font-size: 26rpx;
}
.time1 {
  font-size: 24rpx;
  margin-left: 20rpx;
  margin-top: 80rpx;
  color: rgb(138, 140, 142);
}
.header {
  font-size: 30rpx;
  font-weight: bold;
  padding-left: 10rpx;
}
image{
	width: 300rpx;
	height: 160rpx;
	margin-top: 6rpx;
	margin-left: 10rpx;
	border-radius: 10rpx;
}
</style>
